<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>BI Component - Date Picker</title>
    <link rel="Stylesheet" type="text/css" href="../../css/common/bi_app_style.css" />
    <link rel="Stylesheet" type="text/css" href="../../<%=theme%>/css/theme_style.css" />
    <link rel="Stylesheet" type="text/css" href="../../<%=theme%>/css/jquery-ui.css"/>
    <script type="text/JavaScript" src="../../api/js/jquery-1.8.3.js"></script>
    <script type="text/JavaScript" src="../../api/js/jquery-ui-1.9.2.custom.js"></script>
    <script type='text/JavaScript' src='../../../zbw_reporting/scripts/framework_include.js'></script>
    <script>
        $(document).ready(function () {
            $('#date').datepicker({
                flat: true,
                calendars: 1,
                starts: 1,
                changeMonth: true,
                changeYear: true
            });
            $("#date").change(function () {
                var values = [];
                values.push($(this).val());

                if (parent.parent.currentDlg) {
                    currentDlg = parent.parent.currentDlg;
                    if (currentDlg.callerWindow) {
                        if (currentDlg.callerWindow.setSelectedValue) {
                            currentDlg.callerWindow.setSelectedValue(values);
                        }
                    }
                    currentDlg.dialog('close');
                }
            });
        });
    </script>
    <style>
        body {
            overflow:hidden; background: none;
        }
    </style>
</head>
<body>
<div class="variable-cover date-wraper">
    <div id="date">
    </div>
</div>
</body>
</html>
<%
theme = ''.
%>